<template>
	<div class="thePage">
		<h1>这里是详情页</h1>
		<h2>商品的详细信息...商品Id = {{ id }}</h2>

		<div class="btnBack" @click="onBack()">返回</div>
	</div>
</template>

<script>
	export default {
		props: {
			id: [Number, String]
		},
		methods: {
			onBack() {
				this.$router.back()
			}
		}
	};
</script>

<style scoped>
	.thePage {
		background-color: #ff7f27;
	}

	.btnBack {
		padding: 10px;
		cursor: pointer;
	}
</style>